@import "fontsize-and-color.scss";

.foot-info {
  background-color: #f5f5f5;
  min-width: 1226px;

  .container {
    width: 1226px;
    min-width: 1226px;
    margin: 0 auto;
    padding: 30px 0 30px 76px;
    position: relative;

    .logo {
      display: block;
      height: 56px;
      width: 56px;
      object-fit: cover;
      position: absolute;
      left: 0px;
    }

    ul {
      display: flex;

      li {
        @include font-small;
        display: flex;
        align-items: center;

        a {
          color: $secondary-text-1st;
          cursor: pointer;

          &:hover {
            color: $mi-theme-color;
          }
        }

        .iconfont {
          display: inline-flex;
          align-items: center;
          font-size: 12px;
          line-height: 12px;
          color: $secondary-text-1st;
        }
      }

      &:last-of-type {
        margin-top: 4px;

        li {
          margin-right: 4px;

          a {
            img {
              display: block;
              height: 28px;
              width: auto;
              object-fit: cover;
            }
          }
        }

      }
    }

    p {
      color: $secondary-text-1st;
      @include font-small;
    }

    .slogan {
      display: flex;
      justify-content: center;
      margin-top: 30px;
    }
  }
}